<template>
  <a href="" ref="link"></a>
</template>

<script>


export default {
  props: ['to'],
  data: {

  },
  mounted () {
    console.log(this.$refs.link)

    // history.pushState,可以修改我们的路径而不会触发页面的跳转
    this.$refs.link.addEventListener('click', (e) => {
      // 取消a标签的默认事件（页面跳转）
      e.preventDefault()
      console.log(123)
      // history.pushState,可以修改我们的路径而不会触发页面的跳转
      history.pushState(null, '', item.getAttribute('href'))

    })

  }
}
</script>
